<template>
	<view class="home">
		<statusBar />
		<tabbar :current="0"></tabbar>
		<!-- 搜索框 -->
		<view v-for="(v, i) in LISTs[0]" :key="i">
			<!-- 搜索框 -->
			<search :styles="v.styles" v-if="v.name=='search'"></search>
			
			<!-- 定位 -->
			<fixed :styles="v.styles" v-else-if="v.name=='fixed'"></fixed>
			
			<!-- 公告 -->
			<notice :styles="v.styles" v-else-if="v.name=='notice'"></notice>
			
			<!-- 图片轮播 -->
			<picLunbo :styles="v.styles" v-else-if="v.name=='picLunbo'"></picLunbo>
			
			<!-- 按钮组 -->
			<btn :styles="v.styles" v-else-if="v.name=='btn'"></btn>
			
			
			<pictures :styles="v.styles" v-else-if="v.name=='pictures'"></pictures>
			
			<!-- 标题栏 -->
			<titles :styles="v.styles" v-else-if="v.name=='titles'"></titles>
			
			<blank :styles="v.styles" v-else-if="v.name=='blank'"></blank>
			
			
			<!-- 辅组线 -->
			<lines :styles="v.styles" v-else-if="v.name=='lines'"></lines>
			
			<!-- 更多门店 -->
			<storeMessage :styles="v.styles" v-else-if="v.name=='storeMessage'"></storeMessage>
			
			<!-- 富文本 -->
			<book :styles="v.styles" v-else-if="v.name=='book'"></book>
			
			<!-- 选项卡 -->
			<card :styles="v.styles" v-else-if="v.name=='card'"></card>
			
		</view>
		
		
	</view>
</template>
<script>
import tabbar from '../../components/tabbar.vue';
import statusBar from '../../components/statusBar/statusBar.vue';
import search from '@/components/search/search.vue';
import fixed from '@/components/fixed/fixed.vue';
import notice from '@/components/notice/notice.vue';
import picLunbo from '@/components/picLunbo/picLunbo.vue';
import btn from '@/components/btn/btn.vue'
import pictures from '@/components/pictures/pictures.vue'
import titles from '@/components/titles/titles.vue'
import blank from '@/components/blank/blank.vue'
import lines from '@/components/lines/lines.vue'
import storeMessage from '@/components/storeMessage/storeMessage.vue'
import book from '@/components/editor/editor.vue'
import card from '@/components/card/card.vue'
import { mapActions, mapState } from 'vuex';
export default {
	data() {
		return {
			LISTs: []
		};
	},
	components: {
		tabbar,
		statusBar,
		search,
		fixed,
		notice,
		picLunbo,
		btn,
		pictures,
		titles,
		blank,
		lines,
		storeMessage,
		book
	},
	computed: {},
	onShow() {},
	onLoad() {
		var that = this;
		uni.getStorage({
			key: 'LIST',
			success(e) {
				that.LISTs = e.data; //这就是你想要取的token
				console.log(that.LISTs, 66);
			}
		});
	},
	methods: {}
};
</script>
<style lang="scss" scoped>
.home {
	background: #F7F7F7;
	padding-bottom: 100upx;
}
</style>
